<template>
   <div>
     <!-- 面包屑 -->
     <div class="breadcrumb">
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <span>您当前的位置：</span>
          <el-breadcrumb-item :to="{ path: '/' }"><i>首页</i></el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/' }"><i>SEO设置</i></el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/' }"><i>TAG管理</i></el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/' }"><i>新增TAG</i></el-breadcrumb-item>
        </el-breadcrumb>
     </div>
     <!-- 表单 -->
     <div class="Tform" style="font-size: 12px;">
          <div class="title">
              <span>新增TAG</span>
          </div>
         <div>
          <el-form status-icon  label-width="100px" class="demo-ruleForm">
            <el-form-item label="TAG名称">
              <el-input placeholder="TAG名称" style="width:300px"></el-input>
            </el-form-item>
            <el-form-item label="URL别名">
              <el-input placeholder="URL别名" style="width:300px"></el-input>
            </el-form-item>
            <el-form-item label="SEO标题">
              <el-input placeholder="SEO标题"></el-input>
            </el-form-item>
            <el-form-item label="SEO关键词">
              <el-input placeholder="SEO关键词"></el-input>
            </el-form-item>
            <el-form-item label="活动形式">
              <el-input type="textarea" placeholder="活动形式"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
            </el-form-item>
          </el-form>
        </div>
     </div>
   </div>
</template>

<script>
export default {
    data() {
      return {
        // ruleForm: {
        //   pass: '',
        //   checkPass: '',
        //   age: ''
        // },
       
      };
    },
    methods: {
     
    }
  }

</script>

<style scoped>
   .demo-ruleForm{
     width: 800px  !important;
     font-size: 12px;
   }
   .el-form-item {
    margin-bottom: 10px;
   }

</style>